<template>
	<view class="wrapper">
		<u-popup class="popup" :show="buyMask" height="1000rpx" closeable mode="bottom" :border-radius="32"
			@close="closeMask()">
			<!-- 商品 -->
			<view class="goods-box bottom">
				<view class="goods-header">
					<view class="goods-img">
						<image class="goods-img"
							:src="imgUrl||'https://dnsverify.pfmoto.com/appstatic/img/my/appoint_img_small.png'">
						</image>
					</view>
					<view class="goods-skus">
						<view class="goods-check-skus">
							{{productName}}
						</view>
						<!-- 价格 -->
						<div class="goods-price">
							<span>
								<span class="goods-price-bigshow">{{price}}</span>
								<span class="goods-price-small" v-if="isSeckill">{{ oldPrice }}</span>
							</span>
						</div>
					</view>
				</view>
				<!-- 商品信息 -->
				<scroll-view class="goods-skus-box" :scroll-y="true">
					<!-- 规格1 -->
					<!-- &&goodsItemInfo.guigeTitle1 !=null -->
					<block v-if="goodsItemInfo&&goodsItemInfo.guige1 !=null">
						<view class="goods-skus-title">{{ goodsItemInfo.guigeTitle1 }}</view>
						<view class="goods-skus-view">
							<view class="skus-view-list" :key="index1" v-for="(item1, index1) in guigeList1">

								<view v-if="item1.attstatus==0" @click="getGuigeListName(index1,'1')">
									<view class="skus-view-item-1" v-if="item1.attName==guige1Name">
										{{ item1.attName }}
									</view>
									<view class="skus-view-item" v-else>
										{{ item1.attName }}
									</view>
								</view>
								<view v-else-if="item1.attstatus==2">
									<view class="skus-view-item-2">
										{{ item1.attName }}
									</view>
								</view>
								 
							</view>
						</view>
					</block>
					<!-- 规格2 -->
					<!-- &&goodsItemInfo.guigeTitle2 !=null -->
					<block v-if="goodsItemInfo&&goodsItemInfo.guige2 !=null">
						<view class="goods-skus-title">{{ goodsItemInfo.guigeTitle2 }}</view>
						<view class="goods-skus-view">
							<view class="skus-view-list" :key="index2" v-for="(item2, index2) in guigeList2">

								<view v-if="item2.attstatus==0" @click="getGuigeListName(index2,'2')">
									<view class="skus-view-item-1" v-if="item2.attName==guige2Name">
										{{ item2.attName }}
									</view>
									<view class="skus-view-item" v-else>
										{{ item2.attName }}
									</view>
								</view>
								<view v-else-if="item2.attstatus==2">
									<view class="skus-view-item-2">
										{{ item2.attName }}
									</view>

								</view>


							</view>
						</view>
					</block>
					<!-- 规格3 -->
					<block v-if="goodsItemInfo&&goodsItemInfo.guigeTitle3 !=null&&goodsItemInfo.guige3 !=null">
						<view class="goods-skus-title">{{ goodsItemInfo.guigeTitle3 }}</view>
						<view class="goods-skus-view">
							<view class="skus-view-list" :key="index3" v-for="(item3, index3) in guigeList3">

								<view v-if="item3.attstatus==0" @click="getGuigeListName(index3,'3')">
									<view class="skus-view-item-1" v-if="item3.attName==guige3Name">
										{{ item3.attName }}
									</view>
									<view class="skus-view-item" v-else>
										{{ item3.attName }}
									</view>
								</view>

								<view v-else-if="item3.attstatus==2">
									<view class="skus-view-item-2">
										{{ item3.attName }}
									</view>
								</view>

							</view>
						</view>
					</block>
					<!-- 支付方式 -->
					<view class="goods-skus-title">支付方式</view>
					<view class="goods-skus-view">
						<view class="skus-view-list" :key="index4" v-for="(item4, index4) in payTypeDis">

							<view @click="getPayType(index4)">
								<view class="skus-view-item-1" v-if="item4.payType==payTypeDisItem.payType">
									{{ item4.displayName }}
								</view>
								<view class="skus-view-item" v-else>
									{{ item4.displayName }}
								</view>
							</view>

						</view>
					</view>
					<!-- 数量 -->
					<view class="goods-skus-number">
						<view class="view-class-title">数量  (  剩余{{count||0}}件  )</view>
						<u-number-box button-size="36" color="#3D3A3A" bgColor="#EDEDED" iconStyle="color: #3D3A3A"
							@change="valChange" disabledInput>
						</u-number-box>
					</view>
					<view style="height: 40rpx;"></view>
				</scroll-view>
				<!-- 按钮 -->
				<view class="buy-btn">
					<!-- <view class="to-store-car to-store-btn" @click="addToCartOrBuy('cart')">
						加入购物车</view> -->
					<view class="to-buy to-store-btn" @click="toBuy()">立即购买</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	const network = require("@/manager/network-manager.js");
	const app = getApp();
	const dialog = require("@/utils/dialog.js");
	const util = require("@utils/util.js");
	export default {
		data() {
			return {
				goodsItemInfo: {},
				itemId: '',
				imgUrl: '',
				productName: '',
				price: '',
				oldPrice: '',
				guigeList1: [],
				guigeList2: [],
				guigeList3: [],

				guige1Name: '',
				guige2Name: '',
				guige3Name: '',
				payTypeDis: [],
				// payType: '',
				payTypeDisItem: {},
				count: 0,


				num: 1,

				selectName: "", //选中商品的昵称
				selectSkuList: "", //选中商铺sku,
				selectedSpecImg: "", //选中的图片路径
				buyType: "", //用于存储促销，拼团等活动类型
				parentOrder: "", //父级拼团活动的数据 - 如果是团员则有数据


				currentSelceted: [],
				skuList: "",
				isClose: false, //是否可以点击遮罩关闭

			};
		},
		props: {
			buyMask: {
				type: Boolean,
				default: false,
			},
			goodId: {
				type: String,
				default: '',
			},
			isSeckill: {
				type: Boolean,
				default: false,
			},
			goodsDetail: {
				type: Object,
				default: {},
			},


		},

		watch: {

			buyType: {
				handler(val) {
					if (val) {
						this.buyType = val;
					}
				},
				immediate: true,
			},
			selectSkuList: {
				handler(val, oldval) {
					this.$emit("changed", val);
				},
				deep: true,
			},
		},

		methods: {
			valChange(e) {
				this.num = e.value
			},

			toBuy() {
				if (util.isLogin(getApp())) {
					var that = this
					console.log(that.count + '++++')
					if (this.count == 0 || this.count < this.num) {
						uni.showToast({
							title: "商品库存不足",
							icon: "none",
						});
						return
					}

					var totalPrice = 0
					if (that.payTypeDisItem.price != null) {
						totalPrice = parseFloat(that.payTypeDisItem.price) * that.num
					}
					var totalPrcs = 0
					if (that.payTypeDisItem.point != null) {
						totalPrcs = parseFloat(that.payTypeDisItem.point) * that.num
					}

					var buyList = []

					var productItemDescription = that.guige1Name
					if (that.guige2Name != '') {
						productItemDescription = productItemDescription + '-' + that.guige2Name
					}
					if (that.guige3Name != '') {
						productItemDescription = productItemDescription + '-' + that.guige3Name
					}
					var goodsItem = {
						productName: that.goodsItemInfo.productName,
						productImg: that.goodsItemInfo.imgUrl,
						productItemDescription: productItemDescription,
						price: that.payTypeDisItem.price || 0,
						point: that.payTypeDisItem.point || 0,
						productId: that.goodsItemInfo.id,
						productItemId: that.itemId,
						num: that.num,
						count: that.num,
						productType: this.isSeckill ? 2 : 1,
						payType: that.payTypeDisItem.payType,
						freightType: that.goodsDetail.freightType,
						freightPrice: that.goodsDetail.freightPrice,
						productNo: that.goodsItemInfo.productNo,
						productCategoryName: that.goodsItemInfo.productCategoryName,
						productCategoryCode: that.goodsItemInfo.productCategoryCode
					}
					buyList.push(goodsItem)
					var buyListJson = JSON.stringify(buyList)
					uni.navigateTo({
						url: '/module_mall/order/fillOrder?totalPrice=' + totalPrice + '&totalPrcs=' +
							totalPrcs + "&buyListJson=" + buyListJson
					})
					this.closeMask();
				} else {
					util.jumpLogin();
				}
			},


			/**
			 * 添加到购物车
			 */
			addToCartOrBuy(val) {
				if (util.isLogin(getApp())) {
					if (this.count == 0 || this.count < this.num) {
						uni.showToast({
							title: "商品库存不足",
							icon: "none",
						});
						return
					}
					let params = {
						itemId: this.itemId,
						num: this.num,
						productId: this.goodId,
						productType: this.isSeckill ? 2 : 1,
						payType: this.payTypeDisItem.payType,
						userId: app.getUserId()
					};

					if (val == "cart") {
						this.addToCart(params).then((res) => {
							if (res.code == 200) {
								uni.showToast({
									title: "商品已添加到购物车",
									icon: "none",
								});

								this.$emit("queryCart");
								this.closeMask();
							}
						});
					}
				} else {
					util.jumpLogin();
				}

			},
			//添加购物车
			addToCart(params) {
				return new Promise(function(resolve, reject) {
					var uri = app.globalData.config.interfaces
						.URL_ACTIVITY_PRODUCTCARS_ADDPRODUCTSCARS;
					network.post(uri, params, 'json', null, true).then(res => {
						resolve(res);
					}).catch(res => {
						reject(res);
					});
				});
			},

			//查询商城商品详情-规格属性（APP）
			getGoodsItemInfoAPP() {
				var that = this;
				var uri;
				if (that.isSeckill) {
					uri = app.globalData.config.interfaces
						.URL_ACTIVITY_PFMALLSECKILL_GETSECKILLITEMINFOAPP;
				} else {
					uri = app.globalData.config.interfaces
						.URL_ACTIVITY_PFMALLPRODUCTS_GETGOODSITEMINFOAPP;
				}
				var params = {
					"id": that.goodId
				};
				this.$network.get(uri, params, 'form', null, true).then(res => {
					if (res.code == 200) {
						that.goodsItemInfo = res.data
						that.imgUrl = that.goodsItemInfo.imgUrl
						that.productName = that.goodsItemInfo.productName
						that.price = that.goodsItemInfo.price
						that.oldPrice = that.goodsItemInfo.oldPrice
						that.num = 1

						that.guigeList1 = []
						that.guigeList2 = []
						that.guigeList3 = []
						// that.payTypeDis = that.goodsItemInfo.payTypeDis
						// that.payType = that.goodsItemInfo.payTypeDis[0].payType
						// that.payTypeDisItem = that.goodsItemInfo.payTypeDis[0]

						//获取规格1列表
						//1步，去掉下架规格
						for (var i = 0; i < that.goodsItemInfo.guige1.length; i++) {
							if (that.goodsItemInfo.guige1[i].attstatus != 1) {
								that.guigeList1.push(that.goodsItemInfo.guige1[i])
							}
						}
						//2步，判断最小上架规格的坐标
						var jiluIndex1 = null
						for (var i = that.guigeList1.length - 1; i >= 0; i--) {
							if (that.guigeList1[i].attstatus == 0) {
								jiluIndex1 = i
							}
						}
						//3步，选择最小上架规格，并赋值
						if (jiluIndex1 != null) {
							that.guige1Name = that.guigeList1[jiluIndex1].attName
						}

						//获取规格2列表
						if (that.goodsItemInfo.guige2 != null) {
							//1步，去掉下架规格
							for (var i = 0; i < that.goodsItemInfo.guige2.length; i++) {
								if (that.goodsItemInfo.guige2[i].attstatus != 1) {
									that.guigeList2.push(that.goodsItemInfo.guige2[i])
								}
							}
							//2步，判断最小上架规格的坐标
							// var jiluIndex2 = null
							// for (var i = that.guigeList2.length - 1; i >= 0; i--) {
							// 	if (that.guigeList2[i].attstatus == 0) {
							// 		jiluIndex2 = i
							// 	}
							// }
							// //3步，选择最小上架规格，并赋值
							// if (jiluIndex2 != null) {
							// 	that.guige2Name = that.guigeList2[jiluIndex2].attName
							// }
						}



						//获取规格3列表
						if (that.goodsItemInfo.guige3 != null) {
							//1步，去掉下架规格
							for (var i = 0; i < that.goodsItemInfo.guige3.length; i++) {
								if (that.goodsItemInfo.guige3[i].attstatus != 1) {
									that.guigeList3.push(that.goodsItemInfo.guige3[i])
								}
							}
							//2步，判断最小上架规格的坐标
							// var jiluIndex3 = null
							// for (var i = that.guigeList3.length - 1; i >= 0; i--) {
							// 	if (that.guigeList3[i].attstatus == 0) {
							// 		jiluIndex3 = i
							// 	}
							// }
							// //3步，选择最小上架规格，并赋值
							// if (jiluIndex3 != null) {
							// 	that.guige3Name = that.guigeList3[jiluIndex3].attName
							// }
						}

						that.$emit('changeGuige', that.guige1Name, that.guige2Name, that.guige3Name)
						that.getGoodsItemInfoByGuigeAPP('first')
						console.log(res)
					} else {
						dialog.toast(res.message);
					}
				}).catch(err => {

					console.log(err)
				});
			},

			getGuigeListName: function(index, type) {
				if (type == '1' && this.guigeList1.length > 1) {
					for (var i = 0; i < this.guigeList1.length; i++) {
						if (i == index) {
							this.guige1Name = this.guigeList1[i].attName
							this.getGoodsItemInfoByGuigeAPP('change1')
						}

					}
				} else if (type == '2' && this.guigeList2.length > 1) {
					for (var i = 0; i < this.guigeList2.length; i++) {
						if (i == index) {
							this.guige2Name = this.guigeList2[i].attName
							this.getGoodsItemInfoByGuigeAPP('change2')
						}
					}
				} else if (type == '3' && this.guigeList3.length > 1) {
					for (var i = 0; i < this.guigeList3.length; i++) {
						if (i == index) {
							this.guige3Name = this.guigeList3[i].attName
							this.getGoodsItemInfoByGuigeAPP('change3')
						}
					}
				}
				// this.getGoodsItemInfoByGuigeAPP('change')
			},

			//选择支付方式
			getPayType: function(index) {
				for (var i = 0; i < this.payTypeDis.length; i++) {
					if (i == index) {
						this.payTypeDisItem = this.payTypeDis[i]
						this.price = this.payTypeDisItem.titlePrice
						this.oldPrice = this.payTypeDisItem.oldTitlePrice
						
					}
				}
			},

			//根据规格选择-查询商品详情
			getGoodsItemInfoByGuigeAPP: function(type) {
				var that = this;
				var uri;
				if (that.isSeckill) {
					uri = app.globalData.config.interfaces
						.URL_ACTIVITY_PFMALLSECKILL_GETSECKILLITEMINFOBYGUIGEAPP;
				} else {
					uri = app.globalData.config.interfaces
						.URL_ACTIVITY_PFMALLPRODUCTS_GETGOODSITEMINFOBYGUIGEAPP;
				}
				var params = {
					'id': that.goodId,
					'guige1': that.guige1Name,
					'guige2': that.guige2Name,
					'guige3': that.guige3Name,
				};
				that.payTypeDis = []
				that.payTypeDisItem = ''
				this.$network.get(uri, params, 'form').then(res => {
					if (res.code == 200) {
						that.imgUrl = res.data.imgUrl
						that.productName = res.data.productName
						that.price = res.data.price
						that.oldPrice = res.data.oldPrice
						that.itemId = res.data.itemId
						that.$emit('changeGuige', that.guige1Name, that.guige2Name, that.guige3Name)
						
						that.payTypeDis = res.data.payTypeDis || []
						that.payTypeDisItem = that.payTypeDis[0] || {}
							// that.oldPrice = that.payTypeDis[0].oldTitlePrice||''
						if (params.guige1 == that.guige1Name && params.guige2 == that.guige2Name && params
							.guige3 == that.guige3Name) {
							that.count = res.data.count || 0
						}


						//规格1
						that.guigeList1 = []
						for (var i = 0; i < res.data.guige1.length; i++) {
							if (res.data.guige1[i].attstatus != 1) {
								that.guigeList1.push(res.data.guige1[i])
							}
						}
						if (type == 'first') {
							var jiluIndex1 = null
							for (var i = that.guigeList1.length - 1; i >= 0; i--) {
								if (that.guigeList1[i].attstatus == 0) {
									jiluIndex1 = i
								}
							}
							//3步，选择最小上架规格，并赋值
							if (jiluIndex1 != null) {
								that.guige1Name = that.guigeList1[jiluIndex1].attName
							}

						}
						//规格2
						if (res.data.guige2 != null&&res.data.guige2.length>0) {
							that.guigeList2 = []
							for (var i = 0; i < res.data.guige2.length; i++) {
								if (res.data.guige2[i].attstatus != 1) {
									that.guigeList2.push(res.data.guige2[i])
								}
							}
							if (type == 'first' ||type == 'second'|| type == 'change1' && that.guigeList2.length > 0) {
								var next2 = false
								if ((that.guige2Name == '' && type == 'first') || type != 'first') {
									next2 = true
								}
								//2步，判断最小上架规格的坐标
								var jiluIndex2 = null
								for (var i = that.guigeList2.length - 1; i >= 0; i--) {
									if (that.guigeList2[i].attstatus == 0) {
										jiluIndex2 = i
									}
								}
								//3步，选择最小上架规格，并赋值
								if (jiluIndex2 != null) {
									that.guige2Name = that.guigeList2[jiluIndex2].attName
								}

								if (next2 == true) {
									if (type == 'first') {
										// that.getGoodsItemInfoByGuigeAPP('first')
										that.getGoodsItemInfoByGuigeAPP('second')
										
									} else if (type == 'change1') {
										that.getGoodsItemInfoByGuigeAPP('change2')
									}
								}


							}
						}
						//规格3
						if (res.data.guige3 != null&&res.data.guige3.length>0) {
							that.guigeList3 = []
							for (var i = 0; i < res.data.guige3.length; i++) {
								if (res.data.guige3[i].attstatus != 1) {
									that.guigeList3.push(res.data.guige3[i])
								}
							}
							if (type == 'first' ||type == 'second'|| type == 'change1' || type == 'change2' && that.guigeList3
								.length > 0) {
								var next3 = false
								if ((that.guige3Name == '' && type == 'first') || type != 'first') {
									next3 = true
								}
								//2步，判断最小上架规格的坐标
								var jiluIndex3 = null
								for (var i = that.guigeList3.length - 1; i >= 0; i--) {
									if (that.guigeList3[i].attstatus == 0) {
										jiluIndex3 = i
									}
								}
								//3步，选择最小上架规格，并赋值
								if (jiluIndex3 != null) {
									that.guige3Name = that.guigeList3[jiluIndex3].attName
								}
								if (next3 == true) {
									if (type == 'first') {
										// that.getGoodsItemInfoByGuigeAPP('first')
										that.getGoodsItemInfoByGuigeAPP('second')
									} else if (type == 'change1') {
										that.getGoodsItemInfoByGuigeAPP('change2')
									} else if (type == 'change2') {
										that.getGoodsItemInfoByGuigeAPP('change3')
									}
								}
							}
						}

					} else {
						dialog.toast(res.message);
					}
				}).catch(err => {
					console.log(err)
				});
			},
			// 格式化金钱  1999 --> [1999,00]
			formatPrice(val) {
				if (typeof val == "undefined") {
					return val;
				}
				return val.toFixed(2).split(".");
			},

			closeMask() {
				this.$emit("closeBuy", false);
			},
		},

		mounted() {
			// this.getGoodsItemInfoAPP(this.id)
		},
	};
</script>
<style lang="scss" scoped>
	@import "./popup.scss";

	.opration-buttons-item-badge {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		margin-left: 12upx;
		margin-right: 0upx;
		margin-top: 0upx;
		margin-bottom: 10upx;

		width: 100upx;
	}

	.view-class-title {
		font-weight: 400;
		font-size: 28rpx;
		line-height: 40rpx;
		color: #3D3A3A;

	}

	.goods-skus-number {
		justify-content: space-between;
		display: flex;
		text-align: right
	}

	.goods-skus-box {
		overflow-y: auto;
		height: 570rpx;
		// #ifdef MP-WEIXIN
		height: 570rpx;
		// #endif
		margin-bottom: 10rpx;
	}

	.goodsSkusView {
		background-color: aqua;
	}

	.goods-skus-title {
		font-style: normal;
		font-weight: 400;
		font-size: 28rpx;
		line-height: 40rpx;
		color: #3D3A3A;
		margin-bottom: 12rpx;
	}

	.goods-skus-view {
		overflow: hidden;
		display: flex;
		flex-direction: row;
		width: 686rpx;
		flex-wrap: wrap;




		.skus-view-list {
			align-content: flex-end;
			// margin-bottom: 20rpx;

			.skus-view-item {
				flex: 1;
				padding: 0 36rpx;
				border: 1px solid #ADB0AE;
				height: 48rpx;
				line-height: 48rpx;
				float: left;
				text-align: center;
				margin-right: 24rpx;
				margin-bottom: 24rpx;
				font-size: 22rpx;
				color: #ADB0AE;
				border-radius: 4rpx;
				margin-top: 5px;
			}

			.skus-view-item-view {
				flex: 1;
				height: 48rpx;
				float: left;
				text-align: center;

				display: flex;


				// .skus-view-item-2 {
				// 	height: 48rpx;
				// 	padding: 0 36rpx;
				// 	line-height: 48rpx;
				// 	float: left;
				// 	text-align: center;
				// 	font-size: 22rpx;
				// 	color: #ADB0AE;
				// 	margin-right: 24rpx;
				// 	margin-bottom: 24rpx;
				// 	margin-top: 5px;
				// 	border-radius: 4rpx;
				// 	border: 1px solid #ADB0AE;
				// 	position: absolute;
				// }

				.quehuo {
					position: relative;
					border: 1px solid #EA5404;
					background-color: #EA5404;
					padding: 0 4rpx;
					float: left;
					text-align: center;
					font-size: 8rpx;
					color: #ffffff;
					border-radius: 4rpx;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					height: 20rpx;
					line-height: 20rpx;

					// margin-left: 80rpx;

				}

			}




			.skus-view-item-1 {
				flex: 1;
				padding: 0 36rpx;
				border: 1px solid #EA5404;
				height: 48rpx;
				line-height: 48rpx;
				float: left;
				text-align: center;
				margin-right: 24rpx;
				margin-bottom: 24rpx;
				font-size: 22rpx;
				color: #ffffff;
				background-color: #EA5404;
				border-radius: 4rpx;
				margin-top: 5px;
			}

			.skus-view-item-2 {
				flex: 1;
				padding: 0 36rpx;
				border: 1px solid #EDEDED;
				height: 48rpx;
				line-height: 48rpx;
				float: left;
				text-align: center;
				margin-right: 24rpx;
				margin-bottom: 24rpx;
				font-size: 22rpx;
				color: #ADB0AE;
				background-color: #EDEDED;
				border-radius: 4rpx;
				margin-top: 5px;
			}

			// :last-child {
			// 	clear: both;
			// }

		}
	}

	.active {
		background: #EA5404 !important;
		border: 1rpx solid red;
		color: white !important;
		box-sizing: border-box;
		border: 1px solid #EA5404 !important;
	}

	.goods-header {
		height: 200rpx;
		display: flex;
		align-items: center;
		margin-bottom: 36rpx;
	}

	.goods-img {
		// width="200rpx" border-radius="20" class="uimage" height="200rpx"
		width: 180rpx;
		height: 180rpx;
		border-radius: 6rpx;
	}

	.goods-box {
		padding: 50rpx 36rpx 0 36rpx;
	}

	.goods-skus {
		padding: 0 20rpx;
	}

	.goods-price {
		color: red;
		line-height: 80rpx;
		margin-right: 20rpx;

		.goods-price-small {
			font-size: 28rpx;
			text-decoration-line: line-through;
			color: #ADB0AE;
			margin-left: 20rpx;
		}

		.goods-price-bigshow {
			font-weight: 400;
			font-size: 46rpx;
			color: #EA5404;
		}
	}

	.goods-check-skus {
		font-size: 32rpx;
		color: #3D3A3A;

	}

	.buy-btn {
		flex: 1.5;
		display: flex;
		align-items: center;
		height: 72rpx;
		border: 1px solid #EA5404;
		margin-bottom: 36rpx;

		 .to-buy {
			background: #EA5404;
			color: #fff;
		}

		 .to-store-car {
			color: #EA5404;
		}

		 .to-store-btn {
			flex: 1;
			width: 100%;
			text-align: center;
			line-height: 72rpx;
			font-size: 28rpx;
			padding: 0;
		}
	}
</style>
